<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>小米闪购 - 小米商城</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/iconfont.css">
</head>
<body>
    <div class="topbar">
        <div class="container">
            <div class="topbar-nav">
                <a href="">小米商城</a><span>|</span>
                <a href="">MIUI</a><span>|</span>
                <a href="">IoT</a><span>|</span>
                <a href="">云服务</a><span>|</span>
                <a href="">金融</a><span>|</span>
                <a href="">有品</a><span>|</span>
                <a href="">小爱开放平台</a><span>|</span>
                <a href="">政企服务</a><span>|</span>
                <a href="">Select Region</a>
            </div>
            <div class="topbar-cart"><a href=""><i class="iconfont">&#xe60c;</i>购物车<span>（0）</span></a></div>
            <div class="topbar-info clearfix">
                 <a href="">登录</a><span>|</span>
                 <a href="">注册</a><span>|</span>
                 <a href="" class="sep">消息通知</a>
            </div>
        </div>
    </div>

    <div class="header">
        <div class="container">
            <div class="header-logo">
                <a href="#"  class="lr">小米官网</a>
            </div>
            <div class="header-nav">
                <ul class ="nav-list clearfix">
                    <li class="nav-category">
                        <a href="">全部商品分类</a>
                    </li>
                    <li class="nav-item">
                        <a href="">小米手机</a>
                    </li>
                    <li class="nav-item">
                        <a href="">红米</a>
                    </li>
                    <li class="nav-item">
                        <a href="">电视</a>
                    </li>
                    <li class="nav-item">
                        <a href="">笔记本</a>
                    </li>
                    <li class="nav-item">
                        <a href="">空调</a>
                    </li>
                    <li class="nav-item">
                        <a href="">新品</a>
                    </li>
                    <li class="nav-item">
                        <a href="">路由器</a>
                    </li>
                    <li class="nav-item">
                        <a href="">智能硬件</a>
                    </li>
                    <li class="nav-item">
                        <a href="">服务</a>
                    </li>
                    <li class="nav-item">
                        <a href="">社区</a>
                    </li>
                </ul>


            </div>
            <div class="header-search">
                <form action="" class="search-form">
                    <input type="search" name="keyword" class="search-text">
                    <input type="submit" value="&#xe616;" class="search-btn iconfont">
                </form>
            </div>
        </div>
    </div>

    <div class="seckill">
        <div class="seckill-head"></div>
        <div class="container">
            <div id="seckillNav" class="seckill-nav">
                <ul id="tabs">
                    <li class="active"><em>18:00</em><span><em>即将开始距<br>开始 01:25:15</em></span></li>
                    <li ><em>20:00</em><span>即将开始</span></li>
                    <li><em>22:00</em><span>即将开始</span></li>
                    <li><em>00:00</em><span>明日开始</span></li>
                    <li><em>08:00</em><span>明日开始</span></li>
                </ul>
            </div>
            <div id="lists" class="seckill-goods">
                <ul class="clearfix active">
                    <li>
                        <div class="bg"><img src="../HTML/img/1.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                            
                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg"><img src="../HTML/img/2.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                            
                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg"><img src="../HTML/img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                            
                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg"><img src="../HTML/img/1.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                            
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="../HTML/img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                            
                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg"><img src="../HTML/img/2.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                            
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="../HTML/img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                            
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="../HTML/img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                            
                        </div>
                    </li>
                </ul>
            </div>
            <p class="seckill-notice">*小米闪购活动规则：小米闪购商品不享受该商品在小米商城的其他优惠政策（包括但不限于优惠券、赠品、满减、满赠等）<br>温馨提示：因可能存在系统缓存、页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系小米客服，以便我们及时补正。</p>
        </div>
        
    </div>

    <script src="js/index.js"></script>
</body>

</html>